<template>
  <div class="workflow-container">
    <el-card>
      <template #header>
        <div class="card-header">
          <span>工作流程列表</span>
          <el-button type="primary">新增流程</el-button>
        </div>
      </template>
      <el-table :data="workflowList">
        <el-table-column prop="name" label="流程名称" />
        <el-table-column prop="type" label="流程类型" />
        <el-table-column prop="status" label="状态" />
        <el-table-column label="操作">
          <template #default="scope">
            <el-button type="primary" link>查看</el-button>
            <el-button type="primary" link>编辑</el-button>
            <el-button type="danger" link>删除</el-button>
          </template>
        </el-table-column>
      </el-table>
    </el-card>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'

const workflowList = ref([
  { name: '请假流程', type: '人事', status: '启用' },
  { name: '报销流程', type: '财务', status: '启用' },
])
</script> 